<html dir="ltr">
<head>
{% load staticfiles %}


<meta charset="utf-8">
<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow" rel="stylesheet" type="text/css">
<title>Login</title>

<link type="text/css" rel="stylesheet" href="https://www.blogger.com/static/v1/widgets/3841957138-widget_css_bundle.css">

<link href="{% static 'css/monster/template2.css' %}" rel="stylesheet" type="text/css">
<link href="{% static 'css/monster/style.css' %}" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<style>

*:focus 
{
    outline: 0;
}
.titulo
{
	font-family: Georgia,serif;
	font-variant: small-caps;
	text-transform: none;
	font-weight: 100;
	margin-bottom: 0;
	font-size: 35px;
	color: whitesmoke;
	line-height: 1.2em !important;
	color: #fff !important;
	text-shadow: 0px 2px 1px #000;
	/* padding-left: 30px !important; */
	/* padding-right: 30px !important; */
	/* padding-top: 20px !important; */
	/* padding-bottom: 15px !important; */
	/* -webkit-margin-before: 0em !important; */
	/* -webkit-margin-after: 0em !important; */
	/* -webkit-margin-start: 0em !important; */
	/* -webkit-margin-end: 0em !important; */
	margin: 0 0 0 0;
	/* margin: 0px; */
	/* display: table-cell; */
	/* vertical-align: middle; */
	/* padding: 10px; */
	text-align: center;
}
</style>



<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>




<!-- end header-wrapper -->

<div id="outer-wrapper" style="width: 600px; height: 251px; top: 50%;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);">
<p class="titulo">Acceso al sistema</p>
<div id="wrap2">

	<form method="post" action="index.html" class="login">
    <p>
      <label for="login">email</label>
      <input type="text" name="login" id="login" value="">
    </p>

    <p>
      <label for="password">contraseña</label>
      <input type="password" name="password" id="password" value="">
    </p>

    <p class="login-submit">
      <button type="submit" class="login-button">Login</button>
    </p>
	
	

    <!--<p class="forgot-password"><a href="index.html">Forgot your password?</a></p>-->
  </form>
  <p class="change_link">¿Todavía no eres miembro?<a class="my_button" href="" style="	margin-left: 10px;">únete</a></p>


</div>
</div>






<!-- end outer-wrapper -->
</body></html>
